<?php         
$db = new Database;
$auth = Auth::getAuth('current_user');
$user_id = $auth['id'];
$company_id =  $auth['company_id'];
$user_group = $auth['role'];
$user_groupType = $auth['role_type'];
$position_id = $auth['position_id'];
?>
    <div class="drag" style="position: fixed;left: 0;bottom: 0;top:0;z-index:1000;margin-top:2px;margin: 32px 0px 0px 0px;border-right: 1px solid #ddd; width: 30px; min-height: 100%;background-color: #fff;">
        <?php
        $userAvatarMessage = $db->query("SELECT * FROM tbuser WHERE online='1' and id!='$user_id' and company_id ='$company_id'","array");
        foreach($userAvatarMessage as $imageData){
            $name = $imageData['firstname'].'-'.$imageData['lastname'];
            echo "<a href=\"javascript:void(0)\" onclick=\"javascript:chatWith('".$imageData['firstname']."')\">";
            //echo "<a class='openChat'>";
        echo myAvatar($imageData['extension'],$imageData['id'],"30","30","border:1px solid #ddd;");
            echo "</a>";
            //echo '</a>';
        }
        ?>
    </div>
    <div class="body_contents">
        <div class="titleBar">
            <div class="left">
               <div class="titlePosition">
                    <div style="float: right;margin-top: -3px;"><!--img src="/images/icon/plus.png" class="pull-left plusBox" id="accordion6" data-dropping="accordion6"--></div>
                    <div style="float: left;margin-top: 2px;">Delegate Approvals</div>
               </div>
            </div>
            <div class="right align_right">
            </div>
        </div>
        <div class="Holdercontent accordion5">
            <div class="top">
                <div class="updateApprover" style="min-height: 250px"> <!--style="display: none"-->
                    <div style="float: left;width: 47%;padding: 5px;">
                        <span class="fontGray">Move Pending Request</span>
                        <div class="hr"></div>
                        <div class="fields">
                            <div class="label fontGray" id="labelObject">Processor:</div>
                            <div class="input_position">
                                <select class="input-x-medium getApproverAdminSett" style="" rel="getAA">
                                    <option value="0">--Select Processor--</option>
                                    <option value="1">Department</option>
                                    <option value="2">Specific User</option>
                                </select>
                            </div>
                        </div>
                        
                        <div style="display: none" class="getApproverChoices">
                            
                        </div>
                        <div class="fields" style="border-bottom: none;margin-top: 5px;">
                            <div class="label fontGray" id="labelObject"></div>
                            <div class="input_position">
                                <input type="button" class="button-medium btnUpdateApprover" value="Move">
                                <input type="button" class="button-medium btnUpdateApproverReset" value="Reset" style="">
                            </div>
                        </div>
                    </div>
                    <div style="float: right;width: 49%;border-left: 1px solid #ddd; min-height:300px;padding:5px 5px 5px 15px;">
                        <span class="fontGray">Get Pending Request</span>
                        <div class="hr"></div>
                        <div class="fields">
                            <div class="label fontGray" id="labelObject">Processor:</div>
                            <div class="input_position">
                                <select class="input-x-medium setapproverAdminSett" style="" rel="setAA">
                                    <option value="0">--Select Processor--</option>
                                    <option value="1">Department</option>
                                    <option value="2">Specific User</option>
                                </select>
                            </div>
                        </div>
                        <div style="display: none" class="setApproverChoices">
                            
                        </div>
                    </div>
                        
                </div>
            </div>
        </div>  
    </div>
    <script>
        setActivNav("delegate");
    </script>